<template>
  <div>
    <van-popup
      v-model="showxueba"
      @click-close-icon="close"
      close-icon-position="top-left"
      :close-icon="require('@/img//practice/3.1 返回1.png')"
      closeable
      position="right"
      :style="{ width: '100%', height: '100%' }"
    >
      <slot></slot>
    </van-popup>

     <van-popup
      v-model="showPractice"
      @click-close-icon="close"
      close-icon-position="top-left"
      :close-icon="require('@/img//practice/3.1 返回1.png')"
      closeable
      position="right"
      :style="{ width: '100%', height: '100%' }"
    >
      <slot></slot>
    </van-popup>
  </div>
</template>

<script>
export default {
  props: ["isShow", "isAll"],
  data() {
    return {
      showxueba: this.isShow,
      showPractice: this.isAll,
    };
  },
  watch: {
    isShow(value) {
      this.showxueba = value
    },
    isAll(value) {
      this.showPractice = value
    }
  },
  methods:{
    close(){
      this.$emit('closePop',false)
      this.$emit('closeP',false)
    },

  },
};
</script>

<style lang="scss"></style>
